<template>
  <div id="app">
    <!-- start home -->
    <home></home>
    <!-- end home -->

    <!-- start work -->
    <work ></work>
    <!-- end work -->

    <!-- start about -->
    <about ></about>
    <!-- end about -->

    <!-- start portfolio -->
    <portfolio></portfolio>
    <!-- end portfolio -->

    <!-- start contact -->
    <contact></contact>
    <!-- end contact -->

    <!-- start footer -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-12 wow fadeIn" data-wow-delay="0.9s">
            <p>Copyright &copy; 2084 Company Name</p>
            <hr />
            <ul class="social-icon">
              <li><a href="#" class="fa fa-facebook"></a></li>
              <li><a href="#" class="fa fa-twitter"></a></li>
              <li><a href="#" class="fa fa-instagram"></a></li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
    <!-- end footer -->
  </div>
</template>

<script>
import home from "./views/Home.vue";
import about from "./views/about.vue";
import contact from "./views/contact.vue";
import portfolio from "./views/portfolio.vue";
import work from "./views/work.vue";
export default {
  data() {
    return {
      msg: "123",
    };
  },
  components: {
    home,
    about,
    contact,
    portfolio,
    work,
  },
  methods: {},
  mounted() {
    console.log(12);
  },
};
</script>

<style>

</style>
